<template>
	<view class="repariListCard" @click="toDetail">
		<view class="top">
			<view class="name">{{msg.mfDesc}}</view>
			<view><uni-icons type="arrowright" size="16" color="#999;"></uni-icons></view>
		</viwe>
	</view>
	<view class="middle">
		<view class="tag yellow">
			维修
		</view>
	</view>
	<view class="bottom">
		<view>报障时间:{{msg.createTime}}</view>
		<view v-if="msg.status==4">
			完成时间:{{msg.updateTime}}
		</view>
	</view>
	</view>
</template>

<script>
export default {
	props: {
		msg: {
			type: Object,
			default:{} 
		},
	},
	methods:{
		toDetail() { 
			uni.navigateTo({
				url: '/subpages/repair/repariDetail?type=2&planId=' + this.msg.planId + '&elevatorId=' + this.msg.elevatorId
			});
		}
	}
};
</script>

<style lang="scss" scoped>
	.repariListCard{
		width: 710rpx;
		padding: 40rpx 20rpx;
		box-sizing: border-box;
		.tag{
			padding: 2rpx 8rpx;
			border-radius: 4rpx;
		}
		.yellow{
				border: 2rpx solid #f7b500;
				color: #f7b500;
		}
		.top{
			display: flex;
			justify-content: space-between;
			margin-bottom: 8rpx;
			.name{
				color: #333;
				font-size: 32rpx;
				font-weight: 500;
			}
		}
		.middle{
			display: flex;
			font-size: 24rpx;
		}
		.bottom{
			margin-top: 12rpx;
			font-size: 24rpx;
			color: #999;
		}
		
	}
</style>
